<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="author" content="wangbo">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <div id="riqi"></div>
  <script>
    let showtime = function () {
      // 创建时间
      let now = new Date();
      // 获取年 4
      let year = now.getFullYear()
      // 0-11 月
      let month = now.getMonth() + 1;
      // 获取日
      let day = now.getDate();
      // 小时
      let hh = now.getHours();
      // 分钟
      let mm = now.getMinutes();
      // 秒
      let ss = now.getSeconds();
      // let str = year + "年" + month + "月" + day + "日 " + hh + ":" + mm + ":" + ss;
      let str = `${year}年${month}月${day}日 ${hh}:${mm}:${ss}`;
      // console.log(str)
      document.getElementById("riqi").innerText = str
    }
    setInterval(showtime, 1000);

    // setInterval(() => {
    //   // 创建时间
    //   let now = new Date();
    //   // 获取年 4
    //   let year = now.getFullYear()
    //   // 0-11 月
    //   let month = now.getMonth() + 1;
    //   // 获取日
    //   let day = now.getDate();
    //   // 小时
    //   let hh = now.getHours();
    //   // 分钟
    //   let mm = now.getMinutes();
    //   // 秒
    //   let ss = now.getSeconds();
    //   let str = year + "年" + month + "月" + day + "日 " + hh + ":" + mm + ":" + ss;
    //   console.log(str)
    // }, 1000);
  </script>
</body>

</html>